<template>
  <div class="v-footer" :style="{height:$globalConfig.footerHeight}">
    {{backupStatusName}}
  </div>
</template>
<script>
import { BackupStatusName } from 'src/util/BackupManager';
export default {
  name: 'comp-',
  components: {
  },
  props: {
  },
  data() {
    return {
    };
  },
  computed: {
    backupStatus(){
      return app.activeProject &&  app.activeProject.ui.backupStatus;

    },
    backupStatusName(){
      return BackupStatusName[this.backupStatus];
    }

  },
  methods: {
  }
};
</script>
<style lang="scss">
.v-footer {
    height: 32px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 32px;
    padding-left: 12px;
    background: linear-gradient(117deg, #3193d3 0%, #2678af 100%);
}
</style>